<template>
  <div id="app">
   
    	<router-view></router-view>
        <!--路由的显示容器-->
        
        <!--播放组件-->
        <!--<player ref="player"></player>-->
  </div>
</template>

<script>
	//最大的vue容器
	//引入组件
	//import 也是具有声明变量的作用
	//from  引入的文件路径
import HelloWorld from './components/HelloWorld.vue';

import goodbye from './components/goodbye.vue';

import regebang from './components/regebang.vue';

import player from './components/player.vue';

//import rank from './components/rank.vue';

export default {
  name: 'app',
  //注册子组件
  components: {
    HelloWorld,
    goodbye,
//  rank,
    player
  }
}
</script>

<style leng="scss">
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*text-align: center;*/
  /*color: #2c3e50;*/
}

</style>
